<template>
  <div class="page_box1">
    <div class="title">LineEcharts</div>
    <div class="echart_box">
      <BaseEcharts :options="options" />
    </div>
  </div>
</template>

<script>
import BaseEcharts from "@/views/package/echarts/components/BaseEcharts";
import {getBarOptions} from "./options/groupBar";
import optionBar from './options/groupBar3D'
export default {
  components: {
    BaseEcharts,
  },
  data() {
    return {
      options: null,
    };
  },
  methods: {
    getData() {
      this.options = optionBar();
      console.log('this.options ',this.options );
    },
  },
  mounted(){
    this.getData()
  }
};
</script>

<style lang="scss" scoped>
.page_box1 {
  width: 100%;
  height: 500px;
  display: block;
  .echart_box {
    // width: 400px;
    // height: 400px;
    width: 100%;
    height: 100%;
    border: 1px solid #000;
  }
}
</style>
